<?php

include($_SERVER["DOCUMENT_ROOT"]."/bob.php");
include($_SERVER["DOCUMENT_ROOT"]."/fonctions_globales.php");
$mysqli = new_mysqli($host, $user, $password, $database); //connection à la DB

main_body($mysqli, "Accueil", "accueil", "show_news(0);"); ?>

<script type="text/javascript"> var tab_news = new Array();
var delage_actu = 0;

//Initialisation du tableau de news
<?php 
$result = mysqli_query_with_error($mysqli, "SELECT * FROM news ORDER BY date DESC");
$i = 0;
while($ligne = $result->fetch_assoc()){
	$dat = datouille_slash($ligne['date']);
	$news_txt = addslashes(str_replace(CHR(13).CHR(10), "", nl2br($ligne['new'])));
        $news_txt = str_replace("\n", "", $news_txt);
	$titre = addslashes(get_data_ss_tag($ligne['titre']));
	$ID = get_num($ligne['ID']);
	echo "tab_news[$i] = new Array(\"$dat\", \"$titre\", \"$news_txt\", \"$ID\"); ";
	$i++;
}?>

//Fonction de défilement des news
function show_news(decalage) {
	if(decalage < 0 || decalage + 2 >= tab_news.length) return;
	delage_actu = decalage;
	var num_new;
	for(var i = 1; i < 4; i++) {
		num_new = i + decalage - 1;
		document.getElementById("date_actu"+i).innerHTML = tab_news[num_new][0];
		document.getElementById("titre_actu"+i).innerHTML = tab_news[num_new][1];
		document.getElementById("cont_actu"+i).innerHTML = tab_news[num_new][2];
		document.getElementById("lien_actu"+i).href = "/accueil/actu.php#a" + tab_news[num_new][3];
		document.getElementById("cont_actu"+i).style.height = "auto";
		if(document.getElementById("cont_actu"+i).offsetHeight > 95) { //La news dépasse de son cadre. Donc on masque la fin avec le cache, et on la recadre.
			document.getElementById("cache_fin_actu"+i).style.display = "block";
			document.getElementById("actu_plus"+i).style.background = "url(../images/accueil/en_savoir_plus.png) center top no-repeat";
			document.getElementById("cont_actu"+i).style.marginTop = "-90px";
			
		} else { //Sinon on enlève le cache, mais on masque le "+" et on désactive le clic.
			document.getElementById("cache_fin_actu"+i).style.display = "none";
			document.getElementById("actu_plus"+i).style.background = "none";
			document.getElementById("cont_actu"+i).style.marginTop = "12px";
		}
		document.getElementById("cont_actu"+i).style.height = "90px";
	}
}

</script>

                <div id='background_corps'> </div><!-- Div contenant simplement la couleur du corps, qui vient se glisser sous le motif de bulle
 											(le vrai corp se glisse au-dessus, pour être cliquable). -->
		<div id='corps'>
			<div id="top">
				<div id="reseaux_sociaux"><a id="fb" href="https://www.facebook.com/posthumanwar" title="Accéder à la page Facebook de Post Human War" target="_blank"></a>
				<a id="tweet" href="https://twitter.com/PostHuman_WAR" title="Accéder à la page Twitter de Post Human War" target="_blank"></a></div>
				<div id="logo_accueil"><h1 class="invisible">Bienvenue sur Post Human War</h1><img alt="Bienvenue sur Post Human War" 
					src="/images/accueil/logo_phw_accueil_<?php echo $_SESSION['lang']; ?>.png" /></div>
			</div>
			<div id="contenus">
				<div id="contenus_h">
					<div id="contenus_h_g">
						<h2 id="decouvrir_phw" class="boites ENCOURS"><span class="invisible">5 images pour découvrir et comprendre Post Human War</span></h2>
						<div id="btn_actu1" title="Passer à l'actualité suivante" onclick="show_news(delage_actu-1); return false;"> </div>
						<a id="lien_actu1" class="lien_actu" href="#"  onFocus="this.blur()"><div id="actu1" class="actus">
							<div class="entete_actu"><p id="date_actu1"></p><h2 id="titre_actu1"></h2></div>
							<div class="cache_fin_actu" id="cache_fin_actu1"></div><p class="contenu_actu" id="cont_actu1"></p>
							<div class="en_savoir_plus" id="actu_plus1" title="En savoir +"><span class="invisible">En savoir +</span></div>
						</div></a>
					</div>
					<h2 id="video_phw" class="boites ENCOURS"><span class="invisible">Vidéo de présentation</span></h2>
				</div>
				<div id="contenus_m">
					<h2 id="boutique_phw" class="boites ENCOURS"><span class="invisible">Du nouveau dans la boutique !</span></h2>
					<a id="lien_actu2" class="lien_actu" href="#"><div id="actu2" class="actus">
						<div class="entete_actu"><p id="date_actu2"></p><h2 id="titre_actu2"></h2></div>
						<div class="cache_fin_actu" id="cache_fin_actu2"></div><p class="contenu_actu" id="cont_actu2" style="margin-top:-15px;"></p>
						<div class="en_savoir_plus" id="actu_plus2" title="En savoir +"><span class="invisible">En savoir +</span></div>
					</div></a>
				</div>
				<div id="contenus_b">
					<a id="lien_actu3" class="lien_actu" href="#"><div id="actu3" class="actus">
						<div class="entete_actu"><p id="date_actu3"></p><h2 id="titre_actu3"></h2></div>
						<div class="cache_fin_actu" id="cache_fin_actu3"></div><p class="contenu_actu" id="cont_actu3"></p>
						<div class="en_savoir_plus" id="actu_plus3" title="En savoir +"><span class="invisible">En savoir +</span></div>
					</div></a>
					<h2 id="images_phw" class="boites ENCOURS"><span class="invisible">Découvrez les images du jeu</span></h2>
					<div id="btn_actu2" title="Passer à l'actualité précédente"  onclick="show_news(delage_actu+1); return false;"> </div>
				</div>
			</div> <!-- fin div contenu-->
                    </div> <!-- fin div corps-->
                    
                    <script>
                        $('.ENCOURS').click(function(){
                            alert('Pas de chance ! Cette page n\'est pas encore disponible, mais ça ne saurait tarder...');
                        });
                    </script>
<?php
show_footer();
?>
